<template>
  <el-card>
    <el-row>
      <el-col :span="18">
        <el-form
          :inline="true"
          class="page-tools"
          ref="ruleForm"
          :model="formData"
        >
          <slot name="input"></slot>
          <el-form-item>
           <slot name="button"></slot>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6" style="text-align: right">
        <!-- el-icon-edit -->
        <slot name="add"></slot>
      </el-col>
    </el-row>
    <div class="tagNum">
      <i class="el-alert__icon el-icon-info"></i>
      <span>数据一共{{ tagNum }}条</span>
    </div>
  </el-card>
</template>
<script>
export default {
  props: {
    tagNum: {
      type: Number,
      required: true
    },
    formData: {
      type: Object,
      required: true
    }
  },
  data () {
    return {

    }
  },
  methods: {
    resetForm (formName) {
      this.$refs[formName].resetFields()
    }
  }
}
</script>
<style scoped>
.tagNum {
  background-color: #f4f4f5;
  color: #909399;
  padding: 8px 16px;
}
.tagNum span {
  margin-left: 8px;
  font-size: 13px;
  line-height: 18px;
}
</style>
